{% extends "layout/content.twig" %}

{% block main %}

    {% if tips %}
        <div class="alert alert-danger-light">
            安全提示：当前网站【调试模式】开启中，强烈建议在正式部署后关闭调试模式
        </div>
        <div class="alert alert-danger-light">
            安全提示：当前网站【Trace调试】开启中，强烈建议在正式部署后关闭Trace调试
        </div>
    {% endif %}

    <div class="layui-row layui-col-space5">
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-header">
                    为何不开发成前后端分离项目？
                </div>

                <div class="layui-card-body">

                    <blockquote class="layui-elem-quote layui-quote-nm">
                        使用过laravel的Dcat Admin。针对此问题的答案抄录了一份。
                    </blockquote>

                    <div class="layui-font-22">
                        <a href="https://github.com/jqhph/dcat-admin/issues/27" class="layui-font-blue" target="_blank">原文链接</a>
                    </div>

                    <div class="layui-text mt20">
                        <h3>前后端分离技术的优势与劣势</h3><h4>优势</h4>
                        <p style="text-indent: 2em;">1. 从用户体验角度来说，前后端分离项目的用户的体验会更好一点</p>
                        <p style="text-indent: 2em;">2.
                            从技术角度而言，前后端分离技术现在也已是主流，采用这个方案也更适合我们提升自己的前端技术熟练度</p>
                        <h4>劣势</h4>
                        <p style="text-indent: 2em;">1.
                            前后端分离技术的学习成本会更高，要求使用者必须有vue和react经验，否则就要花许多精力去学习才能上手</p>
                        <p style="text-indent: 2em;">2.
                            前后端分离技术的引入会使项目功能扩展变得复杂和艰难，可能页面增加一个小功能，也需要单独打包前端资源，这无疑是给自己找麻烦</p>
                        <p style="text-indent: 2em;">3.
                            这种前后端技术并不是真正意义的从团队到技术的前后端分离，也就是说如果你的前端不懂PHP代码，基本是无法接手维护你的前端代码的，其实所有工作还是需要后端一个人完成</p>
                        <p><br></p>
                        <h3> jQuery技术方案的优势与劣势</h3><h4>优势</h4>
                        <p style="text-indent: 2em;">1.
                            &nbsp;jQuery项目的优点就是简单易用，效率高，学习成本极低，上手快。</p>
                        <p style="text-indent: 2em;">2.
                            扩展功能也非常地简单和灵活，基本可以让开发者摆脱冗余的HTML代码。</p><h4>劣势</h4>
                        <p style="text-indent: 2em;"> jQuery项目从技术角度而言已经有点落伍，属于比较老旧的技术体系。</p>

                        <h3>总结</h3>
                        <p style="text-indent: 2em;">
                            分析完上面的两种方案的优劣势，你们大概也明白我为啥要采用jQuery方案了，这个项目的定位就是一个对后端开发友好的项目，目的是要满足大多数人的需求，追求的就是简单、易用和高效率，而不是提升开发者的前端技术水平。</p>
                        <p style="text-indent: 2em;">
                            jQuery虽然不是前卫的技术，但是实用性并不差，前后端分离能实现的功能，jQuery也一样能实现。而且在这个项目里面，你还能更快、更省事、更容易上手。</p>
                        <p><br></p>

                    </div>

                </div>
            </div>
        </div>

        <div class="layui-col-md4">

            <div class="layui-card">
                <div class="layui-card-header">
                    easycms诞生的背景
                </div>
                <div class="layui-card-body">

                    <div class="layui-text">
                        <p>使用主流的框架laravel、thinkphp开发的内容管理系统很多。</p>
                        <p>查找了各种开源的内容管理系统，很喜欢YZNCMS的风格，但是不支持thinkphp6</p>
                        <p>easycms将基础的功能提取出来，不依赖于某一种框架，可以集成到其他框架中。</p>
                        <p>目前扩展框架有
                            <a href="https://gitee.com/magein/think-seecms" target="_blank">thinkphp-seecms</a>、
                            <a href="https://gitee.com/magein/laravel-seecms" target="_blank">laravel-seecms</a>
                        </p>
                        <p>支持composer安装</p>
                        <p>支持通过composer.json中的extra加载</p>
                    </div>

                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">
                    技术栈
                </div>
                <div class="layui-card-body">

                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th>说明</th>
                            <th>名称</th>
                            <th>版本</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td colspan="10" class="layui-font-blue">基础</td>
                        </tr>
                        <tr>
                            <td>后端</td>
                            <td>php</td>
                            <td>^7.2</td>
                        </tr>
                        <tr>
                            <td>数据库</td>
                            <td>mysql</td>
                            <td>^5.6</td>
                        </tr>
                        <tr>
                            <td colspan="10" class="layui-font-blue">composer依赖</td>
                        </tr>
                        <tr>
                            <td>模版引擎</td>
                            <td>twig/twig</td>
                            <td>^3.10</td>
                        </tr>
                        <tr>
                            <td>图片验证码</td>
                            <td>gregwar/captcha</td>
                            <td>1.2.0</td>
                        </tr>
                        <tr>
                            <td>文件缓存</td>
                            <td>symfony/cache</td>
                            <td>^3.3 || ^4.3 || ^5.0</td>
                        </tr>
                        <tr>
                            <td>smtp邮件服务</td>
                            <td>phpmailer/phpmailer</td>
                            <td>6.8</td>
                        </tr>
                        <tr>
                            <td>UserAgent</td>
                            <td>jenssegers/agent</td>
                            <td>^2.6</td>
                        </tr>
                        <tr>
                            <td colspan="10" class="layui-font-blue">php扩展</td>
                        </tr>
                        <tr>
                            <td>json</td>
                            <td>ext-json</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>文件压缩</td>
                            <td>ext-zip</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>GD库</td>
                            <td>ext-gd</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="10" class="layui-font-blue">前端</td>
                        </tr>
                        <tr>
                            <td>基础框体</td>
                            <td>pear admin</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>web ui</td>
                            <td>layui</td>
                            <td>2.9.4</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block script %}

{% endblock %}
